<template>
    <div>
        <h1>父组件向子组件传值（Props Down）</h1>
        <hr>
        <h2>Parent</h2>
        <h2>This Parent Count:{{ count }}</h2>
        <button @click="add">Add</button>
        <hr>
        <Child :Count="count"></Child>
    </div>
</template>
<script setup>
import { ref } from 'vue'
import Child from './Child.vue'

const count = ref(0)
const add = () => {
    count.value++
}
</script>
<style scoped></style>